import React, { Component } from "react";
/*
  1. 在原生事件中，setState 由异步变成同步
  2. 在定时器中,setTimeout setInterval 异步变成同步
  3. 在 Promise().then() 在then的微观异步任务中，异步变成同步
*/
class App extends Component {
  state = {
    msg: "🐂",
  };
  // vue => mounted 生命周期类似
  componentDidMount() {
      let p = new Promise(function(resolve,reject){
        resolve(1);
      })
      p.then((res)=>{
          this.setState({
            msg:"🐏"
          })
          console.log(this.state.msg);// 🐏
      })
  }
  render() {
    return (
      <div>
        <h1>{this.state.msg}</h1>
      </div>
    );
  }
}

export default App;
